let v = new Vue({
    el: '#app',
    data() {
        return {
            productArr:[],
            index:"1-1",
            categoryArr:[],
            drawerUser:false,
            drawerBrand:false,
            drawerUserAddress:false,
            categoryName:"",
            brandName:"",
            bannerArr:[],
            brandArr:[],
            userArr:[],
            userAddressArr:[],
            openIndex:"1",
            user:{},
            dialogImageUrl:"",
            dialogVisible:false,
        }
    },

    created:function(){
        //发请求得到当前登录的用户对象
        // axios.get("/currentUser").then(function (response) {
        //     v.user = response.data;
        // })

        //得到地址栏中的参数 判断地址栏中是否包含index参数   2-1
        if (location.search.indexOf('index')!=-1){
            //从地址栏中的?index=2-1 取出2-1
            this.index = location.search.split("=")[1];
            //取出2-1里面的 2
            this.openIndex = this.index.split("-")[0];
        }

        this.loadBrand();
        this.loadCategory();
        this.loadBanner();
        this.loadProduct();
        this.loadUser();
    },
    methods:{

        //分类列表
        loadCategory(){
            axios.get("/admin/category/list").then(function (response) {
                v.categoryArr = response.data.data;
            })
        },

        //添加分类
        addCategory(){
            //发出添加分类的请求
            axios.get("/admin/add/category/"+v.categoryName).then(function () {
                v.categoryName = "";
                v.drawerUser=false; //让抽屉收回
                v.loadCategory();//重新加载分类信息
            })
        },

        //品牌列表
        loadBrand(){
            axios.get("/admin/brand/list").then(function (response) {
                v.brandArr = response.data.data;
                console.log(v.brandArr);
            })
        },

        //添加品牌
        addBrand(){
            //发出添加分类的请求
            axios.get("/admin/add/brand/"+v.brandName).then(function () {
                v.brandName = "";
                v.drawerBrand=false; //让抽屉收回
                v.loadBrand();//重新加载分类信息
            })
        },

        //轮播图列表
        loadBanner(){
            axios.get("/admin/banner/list").then(function (response) {
                v.bannerArr = response.data.data;
                console.log(v.bannerArr);
            })
        },

        //修改轮播图状态
        changeBannerSwitchById(id,enableValue){
            axios.get("/admin/update/banner/"+id+"/enable/"+enableValue).then(function (response) {
                if(enableValue == 1){
                    v.$message({
                        showClose:true,  //显示轮播图
                        message:"启用   " + response.data.data.bannerName,
                        type:"success"
                    })
                }else{
                    v.$message({
                        showClose:true,  //不显示轮播图
                        message:"禁用   " + response.data.data.bannerName,
                        type:"error"
                    })
                }
            });
        },

        //商品列表
        loadProduct(){
            axios.get("/admin/product/list").then(function (response) {
                v.productArr = response.data.data;
            })
        },

        //修改商品启用状态
        changeProductSwitchById(id,enableValue){
            axios.get("/admin/update/product/"+id+"/enable/"+enableValue).then(function (response) {
                if(enableValue == 1){
                    v.$message({
                        showClose:true,  //显示轮播图
                        message:"启用商品",
                        type:"success"
                    })
                }else{
                    v.$message({
                        showClose:true,  //不显示轮播图
                        message:"禁用商品",
                        type:"error"
                    })
                }
            });
        },

        //用户列表
        loadUser(){
            axios.get("/admin/user/list").then(function (response) {
                v.userArr = response.data.data;
                console.log(v.userArr);
            })
        },

        //修改用户启用状态
        changeUserSwitchById(id,enableValue){
            axios.get("/admin/update/user/"+id+"/enable/"+enableValue).then(function (response) {
                if(enableValue == 1){
                    v.$message({
                        showClose:true,  //显示轮播图
                        message:"用户已启用",
                        type:"success"
                    })
                }else{
                    v.$message({
                        showClose:true,  //不显示轮播图
                        message:"用户已禁用",
                        type:"error"
                    })
                }
            });
        },

        //修改分类启用状态
        changeCategorySwitchById(id,enableValue){
            axios.get("/admin/update/category/"+id+"/enable/"+enableValue).then(function (response) {
                if(enableValue == 1){
                    v.$message({
                        showClose:true,  //显示轮播图
                        message:"分类已启用",
                        type:"success"
                    })
                }else{
                    v.$message({
                        showClose:true,  //不显示轮播图
                        message:"分类已禁用",
                        type:"error"
                    })
                }
            });
        },

        //修改品牌启用状态
        changeBrandSwitchById(id,enableValue){
            axios.get("/admin/update/brand/"+id+"/enable/"+enableValue).then(function (response) {
                if(enableValue == 1){
                    v.$message({
                        showClose:true,  //显示轮播图
                        message:"品牌已启用",
                        type:"success"
                    })
                }else{
                    v.$message({
                        showClose:true,  //不显示轮播图
                        message:"品牌已禁用",
                        type:"error"
                    })
                }
            });
        },

        showUserInfo(userId) {
            v.drawerUserAddress = true;
            axios.get("/admin/user/address/by/userid/"+userId).then(function (response) {
                v.userAddressArr = response.data.data;
            });
        },

        handleRemove(file, fileList) {
            console.log(file, fileList);
        },

        handlePictureCardPreview(file) {
            this.dialogImageUrl = file.url;
            this.dialogVisible = true;
        },

        //点击菜单，调到对应内容
        menuChange(index){
            if (index=="1-2"){
                v.drawerUser=true;
            }else if(index=="2-2"){
                location.href = "/admin/insertBanner.html"
            }else if(index=="3-2") {
                location.href = "/admin/insertProduct.html"
            }else if(index=="4-2"){
                v.drawerBrand=true;
            }else{
                v.index = index;
            }
        },

        brandDelete(brandId){
            //删除品牌
            axios.get("/admin/delete/brand/"+brandId).then(function (response) {
                v.loadBrand();
                v.$message({
                    showClose:true,  //是否显示关闭按钮
                    message:"删除品牌成功!",
                    type:"success"
                })
            })
        },

        categoryDelete(categoryId){
            //删除分类
            axios.get("/admin/delete/category/"+categoryId).then(function (response) {
                v.loadCategory();
                v.$message({
                    showClose:true,  //是否显示关闭按钮
                    message:"删除分类成功!",
                    type:"success"
                })
            })
        },

        bannerDelete(bannerId){
            //删除轮播图
            axios.get("/admin/delete/banner/"+bannerId).then(function () {
                v.loadBanner();
                v.$message.success("删除轮播图完成!");
            })
        },

        productDelete(productId){
            //删除商品
            axios.get("/admin/delete/product/"+productId).then(function () {
                v.loadProduct();
                v.$message.success("删除商品完成!");
            })
        },

        logout(){
            axios.get("/logout").then(function () {
                location.href="/";//回到首页
            })
        }
    }
})